/*
* @Author: wangliang
* @Date: 2018/4/11
* @description: 其他信息
*/
<template>
    <div>
        <FinanceInfo></FinanceInfo>
        <ProductService></ProductService>
        <BusinessService></BusinessService>
        <CompeteInfo></CompeteInfo>
    </div>
</template>
<script lang="ts">
import Vue from 'vue';
import { Component, Watch } from 'vue-property-decorator';
import ProductService from './product-service.vue';
import CompeteInfo from './compete-info.vue';
import FinanceInfo from './finance-info.vue';
import BusinessService from './business-service.vue';
@Component({
  components: {
      ProductService, // 产品服务
      BusinessService, // 企业业务
      CompeteInfo, // 竞品信息
      FinanceInfo, // 财务信息
  }
})
export default class BasicInfo extends Vue {
  // 初始化数据 相当于data
  // public msg: number = 123;
  // refs
  public $refs: { };

  // watch
  @Watch('msg')
  public onChildChanged(val: string, oldVal: string) {
    return val + '***';
  }

  // 声明周期钩子
  public mounted() {
    this.getMessage();
  }
  public created() {
    this.getMessage();
  }

  // 方法
  public getMessage() {
    // this.msg = 4446;
  }

}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.ca-title {
    height: 36px;
    overflow: hidden;
}
.ca-title h3{
    font-weight: normal;
    font-size: 18px;
    color: #333333;
    float: left;
}
.line-h {
    line-height: 36px;
}
.addBtn {
    font-size: 14px;
    margin-top: 12px;
}
.el-checkbox+.el-checkbox {
    margin-right: 10px;
}
.el-checkbox {
    color: #606266;
    font-size: 14px;
    cursor: pointer;
    user-select: none;
    margin-left: 10px;
}
</style>